<template>
	<div class="wrap">
  		<header-v></header-v>
  		<div class="app-content">
  			<div class="tab">
  				<router-link to="">住宿</router-link>
  				<router-link to="">贵宾阁</router-link>
  				<router-link to="">服务套餐</router-link>
  				<router-link to="">会议</router-link>
  				<router-link to="">设施</router-link>
  				<router-link to="">全部</router-link>
  			</div>
  			<div class="content">
  				<ul class="con">
					<li>
						<router-link to=""><img src="../../assets/cp6_loqv.jpg" alt="" /></router-link>	
						<router-link to="">豪华海景套房</router-link>
					</li>
					<li>
						<router-link to=""><img src="../../assets/cp5_a8sv.jpg" alt="" /></router-link>	
						<router-link to="">尊贵海景套房</router-link>
					</li>
					<li>
						<router-link to=""><img src="../../assets/cp4_yjor.jpg" alt="" /></router-link>	
						<router-link to="">尊贵海景套房</router-link>
					</li>
					<li>
						<router-link to=""><img src="../../assets/cp3_rv2z.jpg" alt="" /></router-link>	
						<router-link to="">行政海景套房</router-link>
					</li>
					<li>
						<router-link to=""><img src="../../assets/cp2_jiv9.jpg" alt="" /></router-link>	
						<router-link to="">海景套房</router-link>
					</li>
					<li>
						<router-link to=""><img src="../../assets/cp1_l47k (1).jpg" alt="" /></router-link>	
						<router-link to="">尊贵海景套房</router-link>
					</li>
				</ul>
  			</div>
  			<div class="page">
		          <router-link to="/" class="num"> < </router-link>
		          <router-link to="/" class="num active">1</router-link>
		          <router-link to="/" class="num">2</router-link>
		          <router-link to="/" class="num">3</router-link>
		          <router-link to="/" class="num">4</router-link>
		          <router-link to="/" class="num">5</router-link>
		          <router-link to="/" class="num"> > </router-link>
            </div>
  		</div>
  	
		<footer-v></footer-v>
	</div>
</template>

<script>
import footer from '../public/footer'
import header from '../public/header'

export default {
  components: {
  	footerV : footer,
  	headerV : header
  },  
  data () {
    return {
	
    }
  },
  methods : {
	
  }
}

</script>

<style type="text/css" scoped="scoped">
	/* guest.style */
	
	.tab{
		overflow: hidden; margin-bottom: 0.15rem;
	}
	.tab a{
		border:0.02rem solid rgba(217,217,217,1); width:0.8rem; height: 0.32rem; text-align: center; line-height: 0.32rem; display: block; float: left; margin-left: 0.17rem; margin-top: 0.15rem; color: rgba(166,28,0,1);
	}
	.content .con{
		overflow: hidden; padding: 0 0.05rem;  padding-bottom: 0.3rem;
	}
	.content .con li{
		width:48%; float: left; text-align: center;
	}
	.content .con li:nth-of-type(2n){
		margin-left: 0.12rem;
	}
	.content .con img{
		width:100%;
	}
	.content .con a{
		color: #999; font-weight: bold; margin: 0.05rem auto; display: inline-block;
	}
</style>